<template>
	<view class="container">
		<view class="order-success-wrapper flex justify-center align-center flex-column">
			<view class="success-icon">
			</view>
			<text class="order-success-text">{{$Route.query.title}}</text>
			<!-- <view class="info-line flex justify-between">
				<text class="label">交易时间</text>
				<text class="value">2012-04-14 18:45:30</text>
			</view>
			<view class="info-line flex justify-between">
				<text class="label">交易品种</text>
				<text class="value">美国原油</text>
			</view>
			<view class="info-line flex justify-between">
				<text class="label">交易金额</text>
				<text class="value">卖出0.01手</text>
			</view> -->
		</view>
		<router-link class="common-btn submit-btn" to="/pages/charge/charge" navType="pushTab">查看持仓</router-link>
		<view class="common-btn submit-btn submit-btn-1" @tap="back">继续交易</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			back() {
				this.$Router.back()
			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				// title: this.$Route.query.title
				title: ""
			})
		}

	}
</script>

<style lang="scss">
	.container {
		background-color: #fff;

		.order-success-wrapper {
			padding: 64rpx 0;
			background-color: #fff;

			.success-icon {
				width: 180rpx;
				height: 180rpx;
				background: url("~@/static/images/orderSuccess/order-success2.png");
				background-size: 100% 100%;
			}

			.order-success-text {
				margin-top: 40rpx;
				margin-bottom: 30rpx;
				color: #000000;
				font-size: 36rpx;
			}

			.tip {
				margin-top: 16rpx;
				font-size: 26rpx;
				color: #BCBCBC;
			}

		}

		.info-line {
			margin-bottom: 30rpx;
			width: 690rpx;

			.label {
				font-size: 24rpx;
				color: #999;
			}

			.value {
				font-size: 24rpx;
				color: #333;
			}
		}

		.submit-btn {
			margin: 40rpx;
		}

		.submit-btn-1 {
			background-color: #fff;
			color: $color-blue;
			border: 1rpx solid $color-blue;
		}
	}
</style>
